<template>
  <div>
    <div class="gode-top">周末去哪儿</div>
    <ul class="gode-ul">
        <li v-for="item in goodList" :key="item.id">
            <img :src="item.imgUrl" alt="">
            <div>
              <h3>{{item.godh}}</h3>
              <p>{{item.godp}}</p>
            </div>
        </li>
    </ul>
  </div>
</template>


<script>

export default {
  name: 'Home',
  props: ['goodList'],
  data () {
    return {
      
    }
  }
}
</script>

<style lang="less" scoped>
  .gode-top {
    line-height: 40px;
    font-size: 16px;
  }
  .gode-ul {
    width: 100%;
    
    >li {
      line-height: 20px;
      > img {
        width: 100%;
        height: 150px;
      }

      > div {
        padding: 10px;
        >h3 {
          font-size: 16px;
        }

        > p {
          font-size: 12px;
          color: #505050;
        }
      }
    }
  }
</style>
